/*
  Hoja de estilo para los rombos web
  Version 1.0
*/


/* estilo de la tabla prinicpal del rombo */

.table-rombo {
      width:100px;
      height:100px;
      border:0px;
      background-image:url(img/rombo.gif);
      background-repeat:no-repeat;
}

.table-rombo-borde {
      width:100px;
      height:100px;
      border:0px;
      background-image:url(img/rombo_borde.gif);
      background-repeat:no-repeat;
}


/* estilo de los textbox del combo */
  .input-lbl-col {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:7px;
      padding-right:0px;
      cursor:pointer;
      border:none;
      background:none;
      background-position:center;
      font-weight:bold;
      text-align:center;
      font-size:12px;
      width:30px;
      height:30px;
}

/* estilo de los textbox del combo */
  .input-lbl-rombo {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:7px;
      padding-right:0px;
      cursor:pointer;
      border:none;
      background:none;
      background-position:center;
      font-weight:bold;
      text-align:center;
      font-size:9px;
      width:30px;
      height:30px;
}

/* estilo de los botones de los tooltips */
  .input-rom-rojo {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:0px;
      padding-right:0px;
      font-weight:bold;
      border:none;
/*       color:#E60505; */
      background-color:#E6B2B2;
      cursor:pointer;
      width:40px;
}
  .input-rom-amarillo {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:0px;
      padding-right:0px;
      font-weight:bold;
      border:none;
/*       color:#F7E25C; */
      background-color:#F7EBAF;
      cursor:pointer;
      width:40px;
}
  .input-rom-blanco {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:0px;
      padding-right:0px;
      font-weight:bold;
      border:none;
      background-color:#FDFDFD;
      cursor:pointer;
      width:40px;
}
  .input-rom-azul {
      padding:0px;
      padding-bottom:0px;
      padding-left:0px;
      padding-top:0px;
      padding-right:0px;
      font-weight:bold;
      border:none;
      background-color:#C5D9EB;
      cursor:pointer;
      width:40px;
}

/* Css del ToolTip */

span.tip
{
  background-color:#eef0f4;
}

div#tipDiv
{
  position:absolute;
  visibility:hidden;
  left:0;
  top:0;
  z-index:10000;
  background-color:#dee7f7;
  border:2px solid #B9B9B9;
  width:40px;
  height:auto;
  padding:0px;
  color:#000;
  font-size:11px;
  text-align:center;
  line-height:1.3;
}

div#tipDiv div.img {
  text-align:center;
}

div#tipDiv div.txt
{
  text-align:center;
  margin-top:4px;
}

/* for when the tooltip only displays text */
div#tipDiv div.otxt
{
  text-align:left;
  margin-top:-4px;
}

div#tipDiv .alt
{
  text-align:center;
  color:#336;
  font-weight:bolder;
  font-style:italic;
}